<template lang="">
  <div class="div">
      <h1 class="h1">登录</h1>
    <van-form class="form">
      <van-field
        v-model="username"
        name="手机号"
        placeholder="手机号"
        :rules="[{ required: true, message: '手机号' }]"
      />
      <van-field
        v-model="password"
        type="password"
        name="密码"
        placeholder="请输入登录密码"
        :rules="[{ required: true, message: '请填写密码' }]"
      />
      <div style="margin: 16px;" class="btns">
        <van-button round block type="info" native-type="submit" class="btn"
          >登录</van-button
        >
      </div>
    </van-form>
  </div>
</template>
<script>
// import { login } from '../../api/login'
export default {
  data () {
    return {
      user: {

      }
    }
  }
}
</script>
<style>
.div{
  position: relative;
}
.h1{
position: absolute;
top: 100px;
left: 35px;
font-size: 20px;
}
.form{
position: absolute;
top: 150px;
width: 300px;
left: 25px;
}
.btns{
    padding-top: 50px;
}
.btn{
  background-color: #fe7003 !important;
/* display:block;
margin:0 auto */
text-align: center;
border: 0;
}
</style>
